草庐IT

CSS 实现音频loding动画

全部标签

javascript - 用自己的实现替换 npm 包

在我的package.json中,我有一个依赖项"protractor":"2.1.0"。该包又依赖于"jasminewd2":"0.0.5"。jasminewd2包有一些我想修改的行为。我下载了它的源代码并进行了我需要的更改。Yarn'sdocumentation讲述了使用本地资源包的可能性:yarnaddfile:/path/to/local/folderinstallsapackagethatisonyourlocalfilesystem.Thisisusefultotestoutotherpackagesofyoursthathaven’tbeenpublishedtother

javascript - 为什么这不是在 JS 中使用 querySelectorAll 的有效 CSS 选择器?

这个问题在这里已经有了答案:IsthereareasonwhyCSSdoesn'tsupportidsandclasses,startingfromnumbers?(8个答案)CanXHTMLandHTMLclassattributesvaluestartwithanumber?(3个答案)关闭5年前。我正在尝试使用VanillaJS在我的DOM中找到所有具有2x类的img元素。我正在使用querySelectorAll方法,如下所示:document.querySelectorAll('img.2x');但是它在控制台日志中抛出这个错误:UncaughtDOMException:Fa

javascript - Angular 5 : ng build - -prod fails due to clean-css: Cannot read property 'line' of undefined

我的应用在Angular5.2.6下。ngserve一切正常,但是当运行ngbuild--prod时,它需要一段时间,然后才会失败。这些错误似乎与clean-css操作有关。错误跟踪:92%chunkassetoptimization/home/khalidvm/Desktop/Workspace/Front/frontend_v2/node_modules/clean-css/lib/reader/input-source-map-tracker.js:37if(originalPosition.line===null&&line>1&&selectorFallbacks>0){^T

javascript - 简单的 promise 然后实现

最近,有人向我展示了一段在全栈开发人员面试中被问到的代码。它涉及创建一个promise,候选人应该在其中实现,传递给它一个解析函数,然后链接2个。我尝试非常天真地实现Promise只是为了让代码工作。创建了一个接受解析器函数的构造函数,创建了一个接受回调并返回Promise的Then函数,并简单地调用解析器函数的回调。classMyPromise{constructor(resolver){this.resolver=resolver;}then(callback){constresult=newMyPromise(callback);this.resolver(callback);r

javascript - 如何通过动态内容生成实现不显眼的 javascript?

我编写了很多动态生成的内容(在PHP下开发),我使用jQuery为我的项目增加额外的灵active和功能。问题是很难以不引人注目的方式添加JavaScript。这是一个例子:您必须生成随机数量的div元素,每个元素具有触发onClick的不同功能。我可以在我的div元素上使用onclick属性来调用带有参数的JS函数,但这只是一个糟糕的解决方案。此外,我可以在我的PHPfor循环中为每个div生成一些jQuery代码,但话又说回来,这不会完全不引人注目。那么在这种情况下有什么解决方案呢? 最佳答案 您需要向div添加一些内容来定义它

javascript - 有没有办法让两个 jQuery 动画同时(正确地)运行?

我有一个调用两个动画Action的事件监听器。不幸的是,它们的开始有少量错开(例如,函数中的第一个首先开始)。有谁知道正确同步它们的方法吗?这是我的代码:$("#navullia").hover(function(){$(lastBlock).children("div").animate({width:"0px"},{queue:false,duration:400,easing:"swing"});$(this).children("div").animate({width:maxWidth+"px"},{queue:false,duration:400,easing:"swing

javascript - 主要浏览器中是否仍然存在 ECMAScript 3 实现差异?

有人可以指出当今浏览器中ECMAScript第三版的实现差异吗?(Chrome、Safari、IE8、FF)我们在使用ECMAScript3标准(而不是FF和IE对JScript和JavaScript的扩展)时安全吗? 最佳答案 嗯,当然有实现错误,我不得不处理的最严重的是JScript,标准的Microsoft实现,例如:FunctionExpressions的标识符应该只能在函数本身的内部范围内访问:(functionfoo(){alert(typeoffoo);//"function"})();alert(typeoffoo)

javascript - 单线程 Javascript 中的 AJAX 实现

如果Javascript不是多线程的,如何使AJAX请求异步?实现浏览器是特定的吗? 最佳答案 浏览器执行模型基于“事件循环”的概念。只有一个线程服务事件(稍微过于简单化)。当事件发生时,处理程序将按顺序调用。Ajax只是一种引发特定事件的机制。设置HTTP请求是同步的,但只是设置它。浏览器通过在发生这种情况时触发事件来响应代表服务器返回数据的网络通信。现代浏览器稍微复杂一些,因为每个窗口都可能有自己的进程(或者一般来说,是其他一些系统级“线程”结构)。此外,新的“webworker”功能允许独立的类似线程的隔间同时运行。

javascript - 禁用点击事件直到动画完成

在我的游戏中,我有一个填充了单词的网格。要拼写单词,用户必须单击称为“拖动”的一侧的字母。单击字母时,它会动画到网格上的位置。我遇到的问题是用户可以快速点击字母,这会导致程序崩溃。为了解决这个问题,我想在动画完成之前禁用点击事件。过去我曾使用过setTimeOut函数,但它不是一种可靠的方法,因为计时完全取决于浏览器速度。这里是点击事件:$('.drag').on('click',function(e){e.preventDefault();vartarget=$('.highlight-problem.drop-box:not(.occupied):first');vartarget

javascript - 如何使用 JavaScript 获取以度为单位的 CSS 变换旋转值

我正在使用代码foundatCSS-Tricks使用JavaScript获取当前旋转变换(在CSS中)。JavaScript函数:functiongetCurrentRotation(elid){varel=document.getElementById(elid);varst=window.getComputedStyle(el,null);vartr=st.getPropertyValue("-webkit-transform")||st.getPropertyValue("-moz-transform")||st.getPropertyValue("-ms-transform")